//回到顶部
//当页面滚动到一定距离的时候显示返回顶部按钮
//获取#top
var t = document.querySelector("#top");
//滚动事件
window.onscroll = function() {
	//获取滚动条距离顶部的距离
	var j = document.documentElement.scrollTop || document.body.scrollTop;
	//滚动条距离顶部的距离超过100像素的时候，显示 #top
	if(j > 1000) {
		t.style.display = "block";
	} else {
		t.style.display = "none";
	}
}
//点击返回顶部
t.addEventListener('click', function() {
	//平滑的滚动
	//	window.scrollTo(0,0);

	//	 老版本的浏览器不支持
	window.scrollTo({
		top: 0,
		behavior: 'smooth'
	})

})

//移入移出事件
//获取分类的标签
var fl = document.querySelector(".fl");
//获取menu-bottom
var menu = document.querySelector(".dropdown-menu");
//console.log(menu);
//移入事件
//当鼠标移入的时候   dropdown-menu显示
fl.addEventListener("mouseover", function() {
	console.log('123');
	menu.style.display = 'block';
})

//移出事件   onmouseout  这个事件有BUG,所一替换了 mouseleave
//当鼠标移出是  dropdown-menu  隐藏
menu.addEventListener("mouseleave", function() {
	menu.style.display = "none";
})

//轮播
var swiper = new Swiper('.swiper-container', {
	//小点
	pagination: {
		el: '.swiper-pagination',
	},
	//按钮
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
	//无缝轮播
	loop: true
});